<template>
  <div id="app" :style="{ height: bodyHeight + 'px' }">
    <!-- <img src="./assets/img/bg.jpg" class="back" /> -->
    <router-view />
  </div>
</template>
<script>
export default {
  data() {
    return {
      bodyHeight: 0
    };
  },
  mounted() {
    this.bodyHeight = document.documentElement.clientHeight;
  }
};
</script>
<style lang="less">
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
}
#app {
  background: url(./assets/img/bg.jpg) no-repeat left top;
  background-size: 100% 100%;
  height: 100vh;
  overflow: hidden;
}
.back {
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -100;
}
</style>
